import { Card } from '../dComponent'
let icon = 'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-479328cb-417a-467c-9512-83793cb72c1e/7611efa6-c5ef-48bc-8a14-57ebd22adb2d.png'
function Pcard(props){
    return(
        <div className="page">
                <Card
                    title='Card-卡片'
                    list={[{
                            icon,
                            title:'title1',
                            content:'content'
                        },
                        {
                            icon,
                            title:'title2',
                            content:'content'
                        }
                    ]}
                />
                <Card
                    title='Card-卡片-自定义颜色'
                    headerStyle={{background:'pink', color:'white'}}
                    list={[{
                            icon,
                            title:'title1',
                            content:'content'
                        },
                        {
                            icon,
                            title:'title2',
                            content:'这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容'
                        }
                    ]}
                />
                <Card
                    title='卡片-自定义内容'
                    bodyStyle={{fontSize:'15px'}}
                >
                    <div>自定义内容</div>
                    <div>自定义内容</div>
                </Card>
                <Card
                    title='卡片-可折叠-初始折叠'
                    bodyStyle={{fontSize:'15px'}}
                    canOC
                >
                    <div>自定义内容</div>
                    <div>自定义内容</div>
                </Card>
                <Card
                    title='卡片-可折叠-初始展开'
                    bodyStyle={{fontSize:'15px'}}
                    canOC
                    open
                >
                    <div>自定义内容</div>
                    <div>自定义内容</div>
                </Card>
        </div>
    )
}
export default Pcard